<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
 <%@taglib uri="/struts-tags"  prefix="s"%>
 <%@taglib uri="/struts-dojo-tags" prefix="sx"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>主页</title>

<link href="/css/basic/index.css" rel="stylesheet" type="text/css" />
<SCRIPT src="/js/jquery/jquery-1.7.2.js" type=text/javascript></SCRIPT>
<SCRIPT src="/js/basic/top.js" type=text/javascript></SCRIPT>
<SCRIPT src="/js/index/jQselect.js" type=text/javascript></SCRIPT>
<script src="/js/index/search.js" type="text/javascript"></script>
<script src="/js/front/whirl.js" language="JavaScript" type="text/javascript"></script>
<SCRIPT src="/js/index/newAthor.js" type=text/javascript></SCRIPT>
<SCRIPT type=text/javascript>
	$(document).ready(function() {
		$("#c").selectbox();
	});
</SCRIPT>
<sx:head/>
</head>

<body>
<div id="topNavWrapper">
		<s:url id="user_login" namespace="/forward/view" action="basic_top"></s:url>
		<sx:div href="%{user_login}" id="top_show"></sx:div>
</div>
<div id="topadd"><img src="" width="1000" height="50" alt="" /></div>
<div id="wrapper">
		<div id="menu_index">
				<div id="logo"><img src="/image/index/logo.jpg" width="151" height="108" /></div>
				<ul id="daohang">
						<li class="onn"><s:a namespace="/forward/view" action="book_index" cssClass="linkwhite">首页</s:a></li>
						<li class="off"><a href="#">人文历史</a></li>
						<li class="off"><a href="#">人文历史</a></li>
						<li class="off"><a href="#">人文历史</a></li>
						<li class="off"><a href="#">人文历史</a></li>
		  		</ul>
				<div id="shopping"><span>购物车 <strong>0</strong> 件</span></div>
				<div id="search"></div>
				<div id="search_c">
					<div class=searchBar>
					<s:form id="searchFrom" action="search" namespace="/forward/view" >
							  <div class=select>
										<SELECT id=c style="DISPLAY: none" name="type">
										  <OPTION value=-1 selected>所有分类</OPTION>
										  <OPTION value=0>免费资源</OPTION>
										  <OPTION value=1>收费资源</OPTION>
										</SELECT>
							  </div>
							  <div class=text>
										 <INPUT class=s_t id="searchKeyWord"
										onblur="keyonblur(this)" 
										onfocus="keyonfocus(this)" 
									    value="找书、作家、出版社？"	name="keyWord">
								</div>
							  <img src="/image/index/bottom.gif" width="100" height="25" 
							  style="cursor: pointer;" onclick="searchBook()"/>
						</s:form>
					</div>
  		        </div>
 						
  </div>
		<p id="hot"><strong>热门关键词：</strong></p>   		
		
		<div id="index_top">
				<!-- 当红作家 -->
				<div id="dhzj">
						<h2><s></s>当红作家</h2>
						<s:url id="best_author" namespace="/mapping/user" action="author_bestAuthor"></s:url>
						<sx:div href="%{best_author}" id="best_author_show"></sx:div>
				<div class="clr"></div>
		  		</div><!-- 当红作家 end -->
				
				<!-- 幻灯 -->
				<div id="index_middle">
					<div id="imground"> 
						<img class="point" src="http://www.webdm.cn/images/20100415/bg3.jpg"/> 
						<img class="point" src="http://www.webdm.cn/images/20100415/bg3.jpg"/> 
						<img class="point" src="http://www.webdm.cn/images/20100415/bg3.jpg"/> 
						<img class="point" src="http://www.webdm.cn/images/20100415/bg3.jpg"/> 
						<img class="point" src="http://www.webdm.cn/images/20100415/bg3.jpg"/> 
						<img class="point" src="http://www.webdm.cn/images/20100415/bg3.jpg"/> 
					</div>
					<script language="javascript">goR();</script>
		  		</div>
		  		<!-- 幻灯 end -->
				
				<!-- 新作家专栏 -->
				<div id="index_right">
						<h2><s></s>新作家专栏</h2>
						<div id="content" style="width:200px;height:328px;overflow:hidden;">  
							<div id="top" style="width:200px;">  
								<s:url id="new_author" namespace="/mapping/user" action="author_newAuthor"></s:url>
								<sx:div href="%{new_author}" id="new_author_show"></sx:div>
								<!-- 
								<img src="http://www.webdm.cn/images/20100415/bg3.jpg" width="150" height="100"/><br/>
								<img src="http://www.webdm.cn/images/20100415/bg3.jpg" width="150" height="100"/><br/>
								<img src="http://www.webdm.cn/images/20100415/bg3.jpg" width="150" height="100"/><br/>
								 -->
							</div>
							<div id="bottom" style="width:400px;"></div>  
						</div>
						<!--
						<div id="colee" style="overflow:hidden;height:320px;">
								<div id="colee1">
									<s:url id="new_author" namespace="/mapping/user" action="author_newAuthor"></s:url>
									<sx:div href="%{new_author}" id="new_author_show"></sx:div>
								</div>
							<div id="colee2"></div>
						</div>
						 
						<script>
							var speed = 30;
							var colee2 = document.getElementById("colee2");
							var colee1 = document.getElementById("colee1");
							var colee = document.getElementById("colee");
							colee2.innerHTML = colee1.innerHTML;
							//克隆colee1为colee2
							function Marquee1() {
								//当滚动至colee1与colee2交界时
								if(colee2.offsetTop - colee.scrollTop <= 0) {
									colee.scrollTop -= colee1.offsetHeight;
									//colee跳到最顶端
								} else {
									colee.scrollTop++
								}
							}
				
							var MyMar1 = setInterval(Marquee1, speed)//设置定时器
							//鼠标移上时清除定时器达到滚动停止的目的
							colee.onmouseover = function() {clearInterval(MyMar1)
							}
							//鼠标移开时重设定时器
							colee.onmouseout = function() {
								MyMar1 = setInterval(Marquee1, speed)
							}
						</script>
						 -->
				</div>
				<div class="clr"></div>
		 </div><!-- 新作家专栏 end -->
		<div class="clr"></div>
</div>	
<!--首页上半部分结束-->

<div id="wrapper_0">
		<!--所有类目-->
		<div id="index_b_l">
				<div id="index_class">
				<h1></h1>
					<s:url id="book_type" namespace="/forward/view" action="type_bookType"></s:url>
					<sx:div href="%{book_type}" id="book_type_show"></sx:div>
		<div class="clr"></div>
		</div>
				
		<!-- 浏览历史 -->
				<div id="lishi">
				<h1><a href="#" target="_blank">更多<strong>&gt;&gt;</strong></a></h1>
					<s:url id="new_book" namespace="/forward/view" action="book_newBook"></s:url>
					<sx:div href="%{new_book}" id="new_book_show"></sx:div>
				<div class="clr"></div>
				</div><!-- 浏览历史 end -->
		<div class="clr"></div>
		</div>
		<div id="index_b_r">
				<!--HOT热销排行榜
				这部分放热销排行榜你直接拷你写的代码即可-->
				<!--HOT热销排行榜 end -->
				
				<!--畅销书这块是因为你提供内容不太平衡我加的内容 可根据需要删减-->
				<div id="cxsj">
						<h2><s></s>畅销书</h2>
							<s:url id="best_book" namespace="/forward/view" action="book_bestBook"></s:url>
							<sx:div href="%{best_book}" id="best_book_show"></sx:div>
				<div class="clr"></div>
		  		</div><!--畅销书 end-->
		  		
		  		<!-- 合作伙伴 -->
				<div id="cxs" style="margin-top: 15px">
						<h2><s></s>合作伙伴</h2>
							<ul>
									<li class="mar_r">
										<strong><img height="60" width="85" src="" alt="" style="background-color: rgb(204, 102, 0);"></strong>
										<strong><img height="60" width="85" src="" alt="" style="background-color: rgb(204, 102, 0);"></strong>
									</li>
									<li class="mar_r">
										<strong><img height="60" width="85" src="" alt="" style="background-color: rgb(204, 102, 0);"></strong>
										<strong><img height="60" width="85" src="" alt="" style="background-color: rgb(204, 102, 0);"></strong>
									</li>
									<li class="mar_r">
										<strong><img height="60" width="85" src="" alt="" style="background-color: rgb(204, 102, 0);"></strong>
										<strong><img height="60" width="85" src="" alt="" style="background-color: rgb(204, 102, 0);"></strong>
									</li>
									<li class="mar_r">
										<strong><img height="60" width="85" src="" alt="" style="background-color: rgb(204, 102, 0);"></strong>
										<strong><img height="60" width="85" src="" alt="" style="background-color: rgb(204, 102, 0);"></strong>
									</li>
							</ul>
				<div class="clr"></div>
		  		</div>
		  		
				<div class="clr"></div>
  		</div>
<div class="clr"></div>
</div>

<div id="footer">
				<ul>
						<li><strong>我的账户</strong></li>
						<li><strong>我的账户</strong></li>
						<li><strong>我的账户</strong></li>
						<li><strong>我的账户</strong></li>
						<li>我的账户</li>
						<li>我的账户</li>
						<li>我的账户</li>
						<li>我的账户</li>
						<li>我的账户</li>
						<li>我的账户</li>
						<li>我的账户</li>
						<li>我的账户</li>
						<li>我的账户</li>
						<li>我的账户</li>
						<li>我的账户</li>
						<li>我的账户</li>
						<li>我的账户</li>
						<li>我的账户</li>
						<li>我的账户</li>
						<li>我的账户</li>
						<li>我的账户</li>
						<li>我的账户</li>
						<li>我的账户</li>

						
				</ul>
				<div class="clr"></div>
				<p>公司简介| 诚征英才 | 网站联盟 | 供货商合作 | 交易条款<br>
Copyright (C) 2007-2009, All Rights Reserved 京ICP备07500530号</p>
		</div>

</body>
</html>